<!--<template>-->
<!--  <div>-->
<!--    <el-card class="box-card card flexColumn specialCard" style="margin-top: 20px;flex-shrink: 0">-->
<!--      <div class="flexRow" style="margin-bottom: 20px;margin-top: 10px">-->
<!--        <div style="margin-right: auto;margin-left: 20px">-->
<!--          <el-input-->
<!--              class="input"-->
<!--              suffix-icon="el-icon-search"-->
<!--              v-model="keyword"-->
<!--              clearable-->
<!--              @keydown.enter.native="load"-->
<!--          />-->
<!--          <el-dropdown @click="load()" size="large" split-button trigger="click" @command="handleClick">-->
<!--            <span style="color: var(&#45;&#45;btnText)">{{ btnWord }}</span>-->
<!--            <el-dropdown-menu ref="dropdown" slot="dropdown" :append-to-body="false"-->
<!--                              style="background-color: var(&#45;&#45;lightBg)!important;border: none">-->
<!--              <el-dropdown-item command="title">根据推文标题搜索</el-dropdown-item>-->
<!--              <el-dropdown-item command="author">根据推文作者搜索</el-dropdown-item>-->
<!--            </el-dropdown-menu>-->
<!--          </el-dropdown>-->
<!--        </div>-->
<!--        <div ref="here"></div>-->
<!--        <div style="margin-left: auto;margin-right: 10px" class="flexRow">-->
<!--          <el-button @click="openAdd" class="success">-->
<!--            <i style="font-weight: bold;margin-right: 5px" class="el-icon-plus"/>添加推文-->
<!--          </el-button>-->
<!--        </div>-->
<!--      </div>-->
<!--      <el-table-->
<!--          :data="list"-->
<!--          :header-cell-style="{-->
<!--                height: '70px'-->
<!--              }"-->
<!--          :row-style="{height: '100px'}">-->
<!--        <el-table-column width="10px"/>-->

<!--        <el-table-column width="100px" label="封面" class-name="cellClass">-->
<!--          <template slot-scope="scope">-->
<!--            <el-avatar style="margin-top: 10px" :src="scope.row.picture" shape="square" :size="60"/>-->
<!--          </template>-->
<!--        </el-table-column>-->

<!--        <el-table-column-->
<!--            prop="title"-->
<!--            label="标题"-->
<!--            show-overflow-tooltip>-->
<!--        </el-table-column>-->
<!--        <el-table-column-->
<!--            prop="author"-->
<!--            label="作者"-->
<!--            show-overflow-tooltip>-->
<!--        </el-table-column>-->
<!--        <el-table-column-->
<!--            prop="selfCareAbility"-->
<!--            label="发布日期"-->
<!--            show-overflow-tooltip>-->
<!--          <template slot-scope="scope">-->
<!--            {{ scope.row.publishTime ? scope.row.publishTime.slice(0, 10) : '未知发布时间' }}-->
<!--          </template>-->
<!--        </el-table-column>-->
<!--        <el-table-column-->
<!--            prop="selfCareAbility"-->
<!--            label="访问链接"-->
<!--            class-name="cellClass">-->
<!--          <template slot-scope="scope">-->
<!--            <a :href="scope.row.url" target="_blank" class="resource link"><span-->
<!--                style="font-size: 16px;margin-right: 5px" class="el-icon-link"/>文章链接</a>-->
<!--          </template>-->
<!--        </el-table-column>-->
<!--        <el-table-column width="20px"/>-->
<!--        <el-table-column class-name="cellClass" label="操作" align="center" width="100">-->
<!--          <template slot-scope="scope">-->
<!--            <el-button-group class="flexRow" style="margin-top: 20px">-->
<!--              <el-button @click="openEdit(scope.row)" class="btnOption primary"><span class="el-icon-edit"/></el-button>-->
<!--              <el-popconfirm title="确定删除该推文吗?" @confirm="delPassage(scope.row)">-->
<!--                <el-button slot="reference" class="btnOption danger"><span class="el-icon-delete"/></el-button>-->
<!--              </el-popconfirm>-->
<!--            </el-button-group>-->
<!--          </template>-->
<!--        </el-table-column>-->
<!--        <el-table-column width="10px"/>-->
<!--      </el-table>-->
<!--      <el-pagination-->
<!--          style="text-align: center;margin-top: 20px"-->
<!--          background-->
<!--          layout="prev, pager, next"-->
<!--          :total="total"-->
<!--          :pager-count="11"-->
<!--          :page-size="pageSize"-->
<!--          :current-page="currentPage"-->
<!--          @current-change="pageChange">-->
<!--      </el-pagination>-->
<!--    </el-card>-->
<!--    &lt;!&ndash;弹窗部分&ndash;&gt;-->
<!--    <el-dialog :visible.sync="dialog"-->
<!--               :show-close="false"-->
<!--               ref="dialog"-->
<!--               class="dl"-->
<!--               :limit="1"-->
<!--               :modal-append-to-body='false'-->
<!--               :append-to-body="false"-->
<!--               @close="closeDialog">-->
<!--      <h1 style="font-size: 24px;padding-top: 20px;color: var(&#45;&#45;deepText)" align="center">{{-->
<!--          isAdd ? '添加' : '修改'-->
<!--        }}推文</h1>-->
<!--      <el-divider/>-->
<!--      <div style="margin: 0 10% 0;padding: 3% 5% 1%;overflow-y: scroll;height: 420px">-->
<!--        <el-form ref="form" :model="passage" label-width="120px" label-position="left">-->
<!--          <el-form-item label="文章地址">-->
<!--            <div class="flexRow">-->
<!--              <el-input style="width: 240px" v-model="passage.url"></el-input>-->
<!--              <el-button @click="getPassageData" style="margin-left: 20px">获取信息</el-button>-->
<!--            </div>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="推文封面">-->
<!--            <el-upload-->
<!--                ref="avatar"-->
<!--                class="avatar-uploader"-->
<!--                :limit="1"-->
<!--                :show-file-list="false"-->
<!--                :on-change="uploadChange"-->
<!--                :action="'https://'+ serverIp +'/elderly-information/elder/upload'"-->
<!--                :auto-upload="false"-->
<!--                list-type="picture"-->
<!--                :on-success="handleUpload">-->
<!--              <el-image v-if="upload" :src="upload" class="avatar"></el-image>-->
<!--              <i v-else class="el-icon-plus avatar-uploader-icon"></i>-->
<!--            </el-upload>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="标题">-->
<!--            <el-input style="width: 280px" v-model="passage.title"></el-input>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="作者">-->
<!--            <el-input style="width: 280px" v-model="passage.author"></el-input>-->
<!--          </el-form-item>-->

<!--          <el-form-item label="发布时间">-->
<!--            <el-date-picker-->
<!--                style="width: 180px"-->
<!--                value-format="yyyy-MM-dd HH:mm"-->
<!--                v-model="passage.publishTime"-->
<!--                type="date"-->
<!--                placeholder="请选择"-->
<!--                :clearable="false">-->
<!--            </el-date-picker>-->
<!--          </el-form-item>-->
<!--        </el-form>-->
<!--      </div>-->
<!--      <el-divider/>-->
<!--      <div style="display: flex;flex-direction: row">-->
<!--        <el-button @click="clickAdd" v-if="isAdd" class="formBtn">添加</el-button>-->
<!--        <el-button @click="clickUpdate" v-else class="formBtn">修改</el-button>-->
<!--        <el-button @click="closeDialog" class="formBtn">取消</el-button>-->
<!--      </div>-->
<!--    </el-dialog>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--import {serverIp} from "../../../public/config";-->

<!--export default {-->
<!--  // eslint-disable-next-line vue/multi-word-component-names-->
<!--  name: "Passage",-->
<!--  data() {-->
<!--    return {-->
<!--      list: [],-->
<!--      passage: {},-->
<!--      //分页相关-->
<!--      currentPage: 1,-->
<!--      pageSize: 5,-->
<!--      total: 0,-->
<!--      //搜索关键词-->
<!--      keyword: '',-->
<!--      searchMode: 'title',-->
<!--      //弹窗-->
<!--      dialog: false,-->
<!--      //上传文件的本地路径-->
<!--      upload: '',-->
<!--      //是否是添加模式-->
<!--      isAdd: true,-->
<!--      serverIp: serverIp-->
<!--    }-->
<!--  },-->
<!--  methods: {-->
<!--    //获取推文数据-->
<!--    load() {-->
<!--      this.request.get('/manager/article/query-articles',{-->
<!--        params:{-->
<!--          pageNum: this.currentPage,-->
<!--          pageSize: this.pageSize,-->
<!--          keyword: this.keyword,-->
<!--          type: this.searchMode-->
<!--        }-->
<!--      }).then(res => {-->
<!--        if (res.code === '200') {-->
<!--          this.list = res.data.records-->
<!--          this.total = Number.parseInt(res.data.total)-->
<!--        } else {-->
<!--          this.$notify({-->
<!--            type: 'error',-->
<!--            title: '获取推文数据失败',-->
<!--            message: res.msg-->
<!--          })-->
<!--        }-->
<!--      }).catch(err => {-->
<!--        this.$notify({-->
<!--          type: 'error',-->
<!--          title: '获取推文数据失败',-->
<!--          message: err-->
<!--        })-->
<!--      })-->
<!--    },-->
<!--    //修改搜索方式-->
<!--    handleClick(command) {-->
<!--      this.searchMode = command-->
<!--    },-->
<!--    //换页-->
<!--    pageChange(pageNum) {-->
<!--      this.currentPage = pageNum-->
<!--      this.load()-->
<!--    },-->
<!--    //关闭弹窗-->
<!--    closeDialog() {-->
<!--      this.dialog = false-->
<!--      this.upload = ''-->
<!--      this.$refs.avatar.uploadFiles = []-->
<!--      this.passage = {}-->
<!--    },-->
<!--    //显示上传的封面-->
<!--    uploadChange(file) {-->
<!--      const reader = new FileReader() // 创建FileReader对象-->
<!--      reader.readAsDataURL(file.raw) // 读取选择的文件的数据-->
<!--      reader.onload = () => {-->
<!--        this.upload = reader.result-->
<!--      }-->
<!--    },-->
<!--    //上传封面回调-->
<!--    handleUpload(res) {-->
<!--      if (res.code !== '200') {-->
<!--        this.$notify({-->
<!--          title: '推文封面上传失败',-->
<!--          message: res.msg,-->
<!--          type: 'error'-->
<!--        })-->
<!--      } else {-->
<!--        this.$notify({-->
<!--          title: '推文封面上传成功',-->
<!--          message: res.msg,-->
<!--          type: 'success'-->
<!--        })-->
<!--        //将返回的封面路径存入对象-->
<!--        this.passage.picture = res.data[0]-->
<!--      }-->
<!--      if (this.isAdd) {-->
<!--        this.addPassage()-->
<!--      } else {-->
<!--        this.editPassage()-->
<!--      }-->
<!--    },-->
<!--    //打开添加弹窗-->
<!--    openAdd(){-->
<!--      this.isAdd = true-->
<!--      this.dialog = true-->
<!--    },-->
<!--    //根据链接获取文章信息-->
<!--    getPassageData(){-->
<!--      this.request.post('/article/crawl?url=' + this.passage.url).then(res => {-->
<!--        if (res.code === '200') {-->
<!--          this.passage = res.data-->
<!--          this.upload = this.passage.picture-->
<!--          this.$notify({-->
<!--            type: 'success',-->
<!--            title: '成功',-->
<!--            message: '获取信息成功'-->
<!--          })-->
<!--        } else {-->
<!--          this.$notify({-->
<!--            type: 'error',-->
<!--            title: '获取信息失败',-->
<!--            message: res.msg-->
<!--          })-->
<!--        }-->
<!--      }).catch(err => {-->
<!--        this.$notify({-->
<!--          type: 'error',-->
<!--          title: '获取信息失败',-->
<!--          message: err-->
<!--        })-->
<!--      })-->
<!--    },-->
<!--    //打开修改弹窗-->
<!--    openEdit(passage){-->
<!--      this.isAdd = false-->
<!--      this.upload = passage.picture-->
<!--      this.passage = passage-->
<!--      this.dialog = true-->
<!--    },-->
<!--    //点击添加-->
<!--    clickAdd(){-->
<!--      //上传封面-->
<!--      if (this.$refs.avatar.uploadFiles.length) {-->
<!--        //有文件待上传，上传文件-->
<!--        this.$refs.avatar.submit()-->
<!--      } else {-->
<!--        //没文件，直接更新-->
<!--        this.addPassage()-->
<!--      }-->
<!--    },-->
<!--    //点击修改-->
<!--    clickUpdate(){-->
<!--      if (this.$refs.avatar.uploadFiles.length) {-->
<!--        //有文件待上传，上传文件-->
<!--        this.$refs.avatar.submit()-->
<!--      } else {-->
<!--        //没文件，直接更新-->
<!--        this.editPassage()-->
<!--      }-->
<!--    },-->
<!--    //添加文章-->
<!--    addPassage(){-->
<!--      delete this.passage.createTime-->
<!--      delete this.passage.id-->
<!--      this.request.post('/manager/article/save-article', this.passage).then(res => {-->
<!--        if (res.code === '200') {-->
<!--          this.$notify({-->
<!--            type: 'success',-->
<!--            title: '添加成功',-->
<!--            message: '新的推文信息已添加'-->
<!--          })-->
<!--          this.dialog = false-->
<!--          this.load()-->
<!--        } else {-->
<!--          this.$notify({-->
<!--            type: 'error',-->
<!--            title: '推文信息添加失败',-->
<!--            message: res.msg-->
<!--          })-->
<!--        }-->
<!--      }).catch(err => {-->
<!--        this.$notify({-->
<!--          type: 'error',-->
<!--          title: '推文信息添加失败',-->
<!--          message: err-->
<!--        })-->
<!--      })-->
<!--    },-->
<!--    //修改文章-->
<!--    editPassage(){-->
<!--      this.request.put('/manager/article/update-article', this.passage).then(res => {-->
<!--        if (res.code === '200') {-->
<!--          this.$notify({-->
<!--            type: 'success',-->
<!--            title: '更新成功',-->
<!--            message: '推文信息已更新'-->
<!--          })-->
<!--          this.dialog = false-->
<!--          this.load()-->
<!--        } else {-->
<!--          this.$notify({-->
<!--            type: 'error',-->
<!--            title: '推文信息更新失败',-->
<!--            message: res.msg-->
<!--          })-->
<!--        }-->
<!--      }).catch(err => {-->
<!--        this.$notify({-->
<!--          type: 'error',-->
<!--          title: '推文信息更新失败',-->
<!--          message: err-->
<!--        })-->
<!--      })-->
<!--    },-->
<!--    //删除文章-->
<!--    delPassage(passage){-->
<!--      this.request.delete('/manager/article/delete-article?id=' + passage.id).then(res => {-->
<!--        if (res.code === '200') {-->
<!--          this.$notify({-->
<!--            type: 'success',-->
<!--            title: '删除成功',-->
<!--            message: '推文信息已删除'-->
<!--          })-->
<!--          this.load()-->
<!--        } else {-->
<!--          this.$notify({-->
<!--            type: 'error',-->
<!--            title: '推文删除失败',-->
<!--            message: res.msg-->
<!--          })-->
<!--        }-->
<!--      }).catch(err => {-->
<!--        this.$notify({-->
<!--          type: 'error',-->
<!--          title: '推文删除失败',-->
<!--          message: err-->
<!--        })-->
<!--      })-->
<!--    }-->

<!--  },-->
<!--  mounted() {-->
<!--    this.load()-->
<!--    //修改popper的所在位置-->
<!--    this.$refs.here.appendChild(-->
<!--        this.$refs.dropdown.popperElm-->
<!--    )-->
<!--  },-->
<!--  computed: {-->
<!--    //根据关键词类型显示按钮提示文字和图标-->
<!--    btnWord() {-->
<!--      switch (this.searchMode) {-->
<!--        case 'title':-->
<!--          return '根据推文标题搜索'-->
<!--        case 'author':-->
<!--          return '根据推文作者搜索'-->
<!--        default:-->
<!--          return '搜索'-->
<!--      }-->
<!--    },-->
<!--  }-->
<!--}-->
<!--</script>-->

<!--<style scoped>-->
<!--/*分页管理器样式*/-->
<!--&gt;>> .btn-quicknext, >>> .btn-quickprev, >>> .btn-next, >>> .btn-prev, >>> .number {-->
<!--  color: var(&#45;&#45;deepText) !important;-->
<!--  background-color: var(&#45;&#45;deepBg) !important;-->
<!--}-->

<!--&gt;>> .btn-quicknext:hover, >>> .btn-quickprev:hover, >>> .btn-next:hover, >>> .btn-prev:hover, >>> .number:hover {-->
<!--  background-color: var(&#45;&#45;hover) !important;-->
<!--}-->

<!--&gt;>> .active {-->
<!--  background-color: var(&#45;&#45;btn) !important;-->
<!--  color: var(&#45;&#45;btnText) !important;-->
<!--}-->

<!--&gt;>> .active:hover {-->
<!--  background-color: var(&#45;&#45;btnActive) !important;-->
<!--}-->

<!--/*滚动条*/-->
<!--::-webkit-scrollbar {-->
<!--  overflow: auto;-->
<!--  width: 10px;-->
<!--}-->

<!--::-webkit-scrollbar-thumb {-->
<!--  background-color: var(&#45;&#45;th);-->
<!--  border-radius: 5px;-->
<!--}-->

<!--::-webkit-scrollbar-thumb:hover {-->
<!--  background-color: var(&#45;&#45;lightText);-->
<!--}-->

<!--/*表格样式*/-->
<!--/*表头背景*/-->
<!--&gt;>> .el-table .cell {-->
<!--  height: 20px;-->
<!--  font-size: 15px;-->
<!--}-->

<!--&gt;>> .el-table th {-->
<!--  background-color: var(&#45;&#45;lightBg) !important;-->
<!--}-->

<!--/*表头文字*/-->
<!--&gt;>> .el-table thead {-->
<!--  color: var(&#45;&#45;th);-->
<!--  font-size: 12px;-->
<!--}-->

<!--/*背景*/-->
<!--&gt;>> .el-table tr {-->
<!--  background-color: var(&#45;&#45;lightBg);-->
<!--  color: var(&#45;&#45;deepText);-->
<!--  font-weight: normal;-->
<!--}-->

<!--/*行间线*/-->
<!--&gt;>> .el-table td, .building-top .el-table th.is-leaf {-->
<!--  border-bottom: 0 !important;-->
<!--}-->

<!--/*表格末尾*/-->
<!--&gt;>> .el-table::before {-->
<!--  border-bottom: 0;-->
<!--  height: 0;-->
<!--}-->

<!--&gt;>> .el-table, .el-table__expanded-cell {-->
<!--  background-color: var(&#45;&#45;lightBg) !important;-->
<!--}-->

<!--/*鼠标悬浮*/-->
<!--&gt;>> .el-table tbody tr:hover > td {-->
<!--  background-color: var(&#45;&#45;hover) !important;-->
<!--}-->

<!--.specialCard:hover {-->
<!--  background-color: var(&#45;&#45;lightBg) !important;-->
<!--}-->

<!--/*card*/-->
<!--&gt;>> .el-card__header {-->
<!--  border-color: var(&#45;&#45;deepText);-->
<!--}-->

<!--.box-card:hover {-->
<!--  background-color: var(&#45;&#45;hover);-->
<!--}-->

<!--.card {-->
<!--  background-color: var(&#45;&#45;lightBg);-->
<!--  border: 1px solid var(&#45;&#45;inputBorder);-->
<!--  color: var(&#45;&#45;deepText);-->
<!--}-->

<!--/*文字*/-->
<!--.sText {-->
<!--  font-size: 13px;-->
<!--  color: var(&#45;&#45;lightText);-->
<!--}-->

<!--.lText {-->
<!--  font-size: 24px;-->
<!--  color: var(&#45;&#45;deepText);-->
<!--}-->

<!--.mText {-->
<!--  font-size: 18px;-->
<!--  color: var(&#45;&#45;deepText);-->
<!--}-->

<!--/*搜索按钮*/-->
<!--&gt;>> .el-button&#45;&#45;default {-->
<!--  font-size: 13px;-->
<!--  font-weight: bold;-->
<!--  background-color: var(&#45;&#45;btn);-->
<!--  color: var(&#45;&#45;btnText);-->
<!--  border: none;-->
<!--  transition: 0.2s;-->
<!--}-->

<!--&gt;>> .el-button&#45;&#45;default:hover {-->
<!--  background-color: var(&#45;&#45;btnActive);-->
<!--}-->

<!--&gt;>> .el-button&#45;&#45;default::before {-->
<!--  display: none;-->
<!--}-->

<!--/*下拉框样式*/-->
<!--&gt;>> .el-dropdown__caret-button {-->
<!--  font-size: 13px;-->
<!--  font-weight: bold;-->
<!--  margin-left: 2px !important;-->
<!--  color: var(&#45;&#45;btnText);-->
<!--}-->

<!--&gt;>> .el-dropdown-menu {-->
<!--  background-color: var(&#45;&#45;inputBg) !important;-->
<!--  padding: 0;-->
<!--}-->

<!--&gt;>> .popper__arrow, >>> .popper__arrow::after {-->
<!--  border-bottom-color: var(&#45;&#45;inputBg) !important;-->
<!--  border-top-color: var(&#45;&#45;inputBg) !important;-->
<!--}-->

<!--&gt;>> .el-dropdown-menu__item {-->
<!--  color: var(&#45;&#45;deepText);-->
<!--  font-weight: bold;-->
<!--  padding: 10px 30px;-->
<!--  background-color: var(&#45;&#45;inputBg);-->
<!--}-->

<!--&gt;>> .el-dropdown-menu__item:hover {-->
<!--  background-color: var(&#45;&#45;hover);-->
<!--  color: var(&#45;&#45;deepText);-->
<!--}-->

<!--&gt;>> .el-dropdown > .el-button-group > .el-button:not(:last-child) {-->
<!--  width: 148px;-->
<!--}-->

<!--/*输入框样式*/-->
<!--.input {-->
<!--  margin-right: 20px;-->
<!--  width: 300px;-->
<!--  justify-content: center;-->
<!--  align-items: center;-->
<!--  border-radius: 5px;-->
<!--}-->

<!--&gt;>> .el-input__inner {-->
<!--  color: var(&#45;&#45;deepText);-->
<!--  background-color: var(&#45;&#45;inputBg);-->
<!--  border: solid 1px var(&#45;&#45;inputBorder);-->
<!--  border-radius: 5px;-->
<!--}-->

<!--&gt;>> .el-select__caret {-->
<!--  color: var(&#45;&#45;deepText) !important;-->
<!--}-->

<!--&gt;>> .el-date-editor .el-input__inner::placeholder {-->
<!--  color: var(&#45;&#45;lightText);-->
<!--  padding-left: 10px;-->
<!--}-->

<!--&gt;>> .el-input__inner::placeholder {-->
<!--  color: var(&#45;&#45;lightText);-->
<!--}-->

<!--&gt;>> .el-input__icon {-->
<!--  color: var(&#45;&#45;deepText);-->
<!--}-->

<!--/*操作列样式*/-->
<!--&gt;>> td.cellClass .cell {-->
<!--  height: 80px !important;-->
<!--}-->

<!--/*按钮*/-->
<!--.btnOption {-->
<!--  transition: 0.2s;-->
<!--  padding: 10px 15px;-->
<!--  color: var(&#45;&#45;btnText);-->
<!--  border: none;-->
<!--  margin-top: 4px;-->
<!--}-->

<!--.primary {-->
<!--  background-color: var(&#45;&#45;btn);-->
<!--}-->

<!--.primary:hover {-->
<!--  background-color: var(&#45;&#45;btnActive);-->
<!--}-->

<!--.danger {-->
<!--  background-color: var(&#45;&#45;danger);-->
<!--}-->

<!--.danger:hover {-->
<!--  background-color: var(&#45;&#45;dangerHover);-->
<!--}-->

<!--.success {-->
<!--  background-color: var(&#45;&#45;success);-->
<!--}-->

<!--.success:hover {-->
<!--  background-color: var(&#45;&#45;successHover);-->
<!--}-->

<!--.resource {-->
<!--  background-color: var(&#45;&#45;resource);-->
<!--}-->

<!--.resource:hover {-->
<!--  background-color: var(&#45;&#45;resourceHover);-->
<!--}-->


<!--/*弹窗样式*/-->
<!--&gt;>> .el-dialog {-->
<!--  background-color: var(&#45;&#45;lightBg);-->
<!--  border-radius: 10px;-->
<!--  height: 580px;-->
<!--  width: 650px;-->
<!--  margin-top: calc(20% - 200px) !important;-->
<!--}-->

<!--&gt;>> .el-dialog__body {-->
<!--  height: 100%;-->
<!--  padding: 0;-->
<!--}-->

<!--&gt;>> .el-dialog__header {-->
<!--  height: 0;-->
<!--  padding: 0;-->
<!--}-->

<!--&gt;>> .el-dialog__wrapper {-->
<!--  transition-duration: 0.3s;-->
<!--}-->

<!--&gt;>> .dialog-fade-enter-active {-->
<!--  animation: none !important;-->
<!--}-->

<!--&gt;>> .dialog-fade-leave-active {-->
<!--  transition-duration: 0.15s !important;-->
<!--  animation: none !important;-->
<!--}-->

<!--&gt;>> .dialog-fade-enter-active .el-dialog,-->
<!--.dialog-fade-leave-active .el-dialog {-->
<!--  animation-fill-mode: forwards;-->
<!--}-->

<!--&gt;>> .dialog-fade-enter-active .el-dialog {-->
<!--  animation-duration: 0.3s;-->
<!--  animation-name: anim-open;-->
<!--  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);-->
<!--}-->

<!--&gt;>> .dialog-fade-leave-active .el-dialog {-->
<!--  animation-duration: 0.3s;-->
<!--  animation-name: anim-close;-->
<!--}-->

<!--@keyframes anim-open {-->
<!--  0% {-->
<!--    opacity: 0;-->
<!--    transform: scale3d(0, 0, 1);-->
<!--  }-->
<!--  100% {-->
<!--    opacity: 1;-->
<!--    transform: scale3d(1, 1, 1);-->
<!--  }-->
<!--}-->

<!--@keyframes anim-close {-->
<!--  0% {-->
<!--    opacity: 1;-->
<!--  }-->
<!--  100% {-->
<!--    opacity: 0;-->
<!--    transform: scale3d(0.5, 0.5, 1);-->
<!--  }-->
<!--}-->

<!--/*表单按钮样式*/-->
<!--.formBtn {-->
<!--  color: var(&#45;&#45;btnText);-->
<!--  margin: 20px auto;-->
<!--  width: 140px;-->
<!--  height: 40px;-->
<!--  background-color: var(&#45;&#45;btn);-->
<!--  transition: 0.2s;-->
<!--  font-size: 13px;-->
<!--  font-weight: bold;-->
<!--  border: none;-->
<!--}-->

<!--.formBtn:hover {-->
<!--  background-color: var(&#45;&#45;btnActive);-->
<!--}-->

<!--&gt;>> .el-form-item__label {-->
<!--  color: var(&#45;&#45;deepText);-->
<!--}-->


<!--/*封面上传*/-->
<!--.avatar-uploader-icon {-->
<!--  font-size: 30px;-->
<!--  color: var(&#45;&#45;lightText);-->
<!--  width: 180px;-->
<!--  height: 170px;-->
<!--  line-height: 170px;-->
<!--}-->

<!--.avatar {-->
<!--  height: auto;-->
<!--  width: 100%;-->
<!--  object-fit: scale-down;-->
<!--  margin-bottom: -10px;-->
<!--  border-radius: 5px;-->
<!--}-->

<!--.avatar-uploader {-->
<!--  width: 180px !important;-->
<!--  border: 1px dashed var(&#45;&#45;inputBorder) !important;-->
<!--  border-radius: 5px;-->
<!--  background-color: var(&#45;&#45;inputBg);-->
<!--}-->

<!--.avatar-uploader:hover {-->
<!--  border-color: var(&#45;&#45;btn) !important;-->
<!--}-->

<!--.avatar-uploader:hover .avatar-uploader-icon {-->
<!--  color: var(&#45;&#45;btn);-->
<!--}-->

<!--.dl >>> .el-divider {-->
<!--  margin: 0;-->
<!--  padding: 0;-->
<!--}-->

<!--/*按钮式单选框*/-->

<!--&gt;>> .el-radio-button__inner {-->
<!--  background-color: var(&#45;&#45;inputBg) !important;-->
<!--  color: var(&#45;&#45;deepText) !important;-->
<!--  border: none !important;-->
<!--}-->

<!--&gt;>> .is-active .el-radio-button__inner {-->
<!--  background-color: var(&#45;&#45;btn) !important;-->
<!--  color: var(&#45;&#45;btnText) !important;-->
<!--  border: none !important;-->
<!--  box-shadow: none;-->
<!--}-->

<!--&gt;>> .el-input__suffix-inner {-->
<!--  color: var(&#45;&#45;deepText);-->
<!--}-->

<!--.link {-->
<!--  color: var(&#45;&#45;btnText);-->
<!--  padding: 5px 15px;-->
<!--  border-radius: 5px;-->
<!--  margin-top: 25px;-->
<!--  display: inline-block;-->
<!--  text-decoration: none;-->
<!--  font-weight: bold;-->
<!--}-->
<!--</style>-->